<template>
    <div class="movie">
        <div class="top">
            <AllTop></AllTop>
            <AllNav></AllNav>
            <ListItem></ListItem>
            <!-- <ComMovie></ComMovie>
            <MovieList></MovieList> -->
        </div>
        <div class="show_all">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import AllTop from "../all/AllTop.vue"
import AllNav from "../all/AllNav.vue"
import ListItem from "./ListItem.vue"
// import ComMovie from "./ComMovie.vue"
// import MovieList from "./MovieList.vue"

export default{ 
    name: 'MyMovie',
    components:{
        AllTop,
        AllNav,
        ListItem,
        // ComMovie,
        // MovieList
    }
}
</script>

<style lang="less" scoped>
    .top{
        width: 100%;
        position: fixed;
        top: 0;
        background-color: #fff;
        z-index: 10;
    }
    .show_all{
        margin-top: 4.2667rem;
    }
</style>
